layui.use(['laydate', 'form', 'layer', 'jquery'],
    function () {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer;
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#birthday' //指定元素
            , trigger: "click"
        });
        let id = sessionStorage.getItem("userId");//这个id应该是我们要修改的数据的id
        // console.log(id);
        findById(id);
        form.on("submit(edit)", function (data) {
            data = data.field;
            let hobby = [];
            $('input[type=checkbox]:checked').each(function () {
                hobby.push($(this).attr("title"));
            });
            data.hobby = hobby.join(",");
            data.id = id;
            console.log(data);
            edit(data);
            return false;
        })

        function edit(data) {
            $.ajax({
                url: '/back/user/update',
                data: data,
                dataType: 'json',
                type: 'post',
                success: function (res) {
                    if (res.count == 1) {
                        layer.alert("编辑成功", {
                                icon: 6
                            },
                            function () {
                                //关闭当前frame
                                xadmin.close();

                                // 可以对父窗口进行刷新
                                xadmin.father_reload();
                            });
                    } else {
                        layer.alert("编辑失败");
                    }
                }
            })
        }

        function findById(id) {
            $.ajax({
                url: '/back/user/findById',
                data: {id: id},
                type: 'get',
                dataType: 'json',
                success: function (res) {
                    console.log(res);
                    setUserData(res.data);
                }
            })
        }

//将查询出来的数据进行赋值
        function setUserData(data) {
            $("#username").val(data.username);
            $("input[type=tel][name=phone]").val(data.phone);
            $("#email").val(data.email);
            $("#birthday").val(data.birthday);
            $("#sex").val(data.sex);
            //爱好，想要赋值：
            // 1.取得数据库里面的爱好hobby:java,c,c++
            // 2.将爱好里面的每一个和表单里面的爱好的每一个进行比较
            // 3.如果相同，则让这个爱好选中，不同就不用管他
            let hobby = data.hobby;//字符串
            let hobbys = hobby.split(",");
            for (let i = 0; i < hobbys.length; i++) {
                //拿到复选框的所有对象
                // let hhs = $("input[type=checkbox][name=hobby]");
                // for (let j = 0; j < hhs.length; j++) {
                //     // console.log(hhs[j].title,hobbys[i])
                //     if (hhs[j].title == hobbys[i]) {
                //        $(hhs[j]).attr("checked","true");
                //     }
                // }
                $('input[type=checkbox][name=hobby]').each(function () {
                    if ($(this).attr("title") == hobbys[i]) {
                        $(this).attr("checked", "true");
                    }
                });
            }
            $('input[type=radio][name=enable][value=' + data.enable + ']').attr("checked", "true");
            form.render();
        }

    });
//页面加载完成执行里面的代码
// $(function () {
//
// });
